@import './base.less';
.uni-wrapper {
    // background-color: #d45d5d;
    width: 100%;
    position: relative;
    margin-top: 11.7333vw;
    height: 166.1333vw;

    .container {
        width: 100%;
        height: 177.8667vw;
        // background-color: cyan;
        padding: 13.3333vw 8vw;

        .number-header {
            display: flex;
            flex-direction: column;
            margin-bottom: 8vw;
            width: 100%;
            height: 17.3333vw;
            background-color: #fff;

            .title {
                height: 8.8vw;
                color: #191919;
                font-size: 27px;
            }

            .sub-title {
                flex: 1;
                margin-top: 2.6667vw;
                color: #b3b3b3;
                font-size: 14px;
            }
        }

        .login-form {
            width: 100%;
            height: 68.5333vw;
            // background-color: #fff222;

            .form-item {
                color: grey;
                display: flex;
                height: 12.8vw;
                padding: 2.4vw;
                margin-bottom: 4vw;
                border-bottom: 0.2667vw solid #f3f1f2;
                position: relative;
                // align-items: center;
                line-height: 30px;

                input {
                    font-size:16px;
                    border: none;
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    outline: none;
                }
                .uni-input-message {
                    flex: 1;
                }
                .form-item-parts {
                    padding-right: 2.6667vw;
                    font-size: 3.7333vw;
                    line-height: 6.6667vw;

                }
                .active {
                    color: #cea26a;

                }
                .activate {
                    color: #9e9e9e;
                }

                .text {
                    position: absolute;
                    // color: grey;
                    overflow: hidden;
                    width: 100%;
                    // background-color: #cea26a;
                  

                 
                }
                .form-input {
                    flex: 1;
                    height: 100%;
                    // background-color: #ecb53c;

                }
                .form-parts {
                    width: 25.6vw;
                    height: 100%;
                    .pic {
                        background-color: #ecb53c;
                        // height: 100%;
                    }
                }
            }

            
        }


        .login-button {
            margin-top: 10.6667vw;
            height: 11.4667vw;

            width: 100%;
            background: linear-gradient(90deg, #ecb53c, #ff9211);
            color: #fff;
            border-radius: 40px;
            box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
            letter-spacing: 2px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }

}

